/*
    Document        : mep-feature-playlist.css
    Author          : Andrew Berezovsky <andrew.berezovsky@gmail.com>
    Original Author : Junaid Qadir Baloch <shekhanzai.baloch@gmail.com>
*/

/* Start: Show/Hide Playlist*/
.mejs-controls .mejs-show-playlist button {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGMDAwMDt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDkyLDIzNkgxNDQuM2MtMTEsMC0yMCw5LTIwLDIwYzAsMTEsOSwyMCwyMCwyMEg0OTJjMTEsMCwyMC05LDIwLTIwQzUxMiwyNDUsNTAzLDIzNiw0OTIsMjM2eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5Miw4NkgxNDQuM2MtMTEsMC0yMCw5LTIwLDIwczksMjAsMjAsMjBINDkyYzExLDAsMjAtOSwyMC0yMFM1MDMsODYsNDkyLDg2eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5MiwzODZIMTQ0LjNjLTExLDAtMjAsOS0yMCwyMHM5LDIwLDIwLDIwSDQ5MmMxMSwwLDIwLTksMjAtMjBTNTAzLDM4Niw0OTIsMzg2eiIvPjwvZz48L2c+PGc+PGc+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjciIGN5PSIxMDYiIHI9IjI3Ii8+PC9nPjwvZz48Zz48Zz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyNyIgY3k9IjI1NiIgcj0iMjciLz48L2c+PC9nPjxnPjxnPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjI3IiBjeT0iNDA2IiByPSIyNyIvPjwvZz48L2c+PC9zdmc+);
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%) invert(100%);
    transition: all 0.1s ease;

}
.mejs-controls .mejs-hide-playlist button {
  	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGMDAwMDt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDkyLDIzNkgxNDQuM2MtMTEsMC0yMCw5LTIwLDIwYzAsMTEsOSwyMCwyMCwyMEg0OTJjMTEsMCwyMC05LDIwLTIwQzUxMiwyNDUsNTAzLDIzNiw0OTIsMjM2eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5Miw4NkgxNDQuM2MtMTEsMC0yMCw5LTIwLDIwczksMjAsMjAsMjBINDkyYzExLDAsMjAtOSwyMC0yMFM1MDMsODYsNDkyLDg2eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5MiwzODZIMTQ0LjNjLTExLDAtMjAsOS0yMCwyMHM5LDIwLDIwLDIwSDQ5MmMxMSwwLDIwLTksMjAtMjBTNTAzLDM4Niw0OTIsMzg2eiIvPjwvZz48L2c+PGc+PGc+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjciIGN5PSIxMDYiIHI9IjI3Ii8+PC9nPjwvZz48Zz48Zz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyNyIgY3k9IjI1NiIgcj0iMjciLz48L2c+PC9nPjxnPjxnPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjI3IiBjeT0iNDA2IiByPSIyNyIvPjwvZz48L2c+PC9zdmc+);
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(0%) invert(0%);
    transition: all 0.1s ease;
}
/* End: Show/Hide Playlist */

/* Start: Previous */
.mejs-controls .mejs-prevtrack button {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjAwMDA7fTwvc3R5bGU+PGc+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTg5LjYsMjQzLjJjLTAuMiwwLjMtMC41LDAuNi0wLjcsMC45Yy0wLjIsMC4zLTAuNCwwLjYtMC42LDAuOWMtMC4yLDAuMy0wLjQsMC42LTAuNSwwLjljLTAuMiwwLjMtMC4zLDAuNi0wLjUsMWMtMC4xLDAuMy0wLjMsMC42LTAuNCwwLjljLTAuMSwwLjMtMC4yLDAuNi0wLjQsMWMtMC4xLDAuMy0wLjMsMC43LTAuNCwxYy0wLjEsMC4zLTAuMiwwLjYtMC4yLDFjLTAuMSwwLjQtMC4yLDAuNy0wLjMsMS4xYy0wLjEsMC40LTAuMSwwLjgtMC4yLDEuMWMwLDAuMy0wLjEsMC42LTAuMSwwLjljLTAuMSwxLjQtMC4xLDIuOCwwLDQuMmMwLDAuMywwLjEsMC42LDAuMSwwLjljMC4xLDAuNCwwLjEsMC44LDAuMiwxLjFjMC4xLDAuNCwwLjIsMC43LDAuMywxLjFjMC4xLDAuMywwLjIsMC42LDAuMiwxYzAuMSwwLjMsMC4yLDAuNywwLjQsMWMwLjEsMC4zLDAuMiwwLjYsMC40LDFjMC4xLDAuMywwLjMsMC42LDAuNCwwLjljMC4yLDAuMywwLjMsMC43LDAuNSwxYzAuMiwwLjMsMC4zLDAuNiwwLjUsMC45YzAuMiwwLjMsMC40LDAuNiwwLjYsMC45YzAuMiwwLjMsMC40LDAuNiwwLjcsMC45YzAuMiwwLjMsMC40LDAuNSwwLjYsMC44YzAuNCwwLjUsMC45LDEuMSwxLjQsMS42YzAsMCwwLDAsMCwwbDE0OS4zLDE0OS4zYzguMyw4LjMsMjEuOCw4LjMsMzAuMiwwYzguMy04LjMsOC4zLTIxLjgsMC0zMC4yTDE1OC4yLDI3Ny4zaDMzMi41YzExLjgsMCwyMS4zLTkuNiwyMS4zLTIxLjNjMC0xMS44LTkuNi0yMS4zLTIxLjMtMjEuM0gxNTguMmwxMTIuOS0xMTIuOWM4LjMtOC4zLDguMy0yMS44LDAtMzAuMnMtMjEuOC04LjMtMzAuMiwwTDkxLjYsMjQwLjljMCwwLDAsMCwwLDBjLTAuNSwwLjUtMSwxLTEuNCwxLjZDOTAsMjQyLjcsODkuOCwyNDMsODkuNiwyNDMuMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEuMyw0MjYuN2MxMS44LDAsMjEuMy05LjYsMjEuMy0yMS4zVjEwNi43YzAtMTEuOC05LjYtMjEuMy0yMS4zLTIxLjNTMCw5NC45LDAsMTA2Ljd2Mjk4LjdDMCw0MTcuMSw5LjYsNDI2LjcsMjEuMyw0MjYuN3oiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
    width: 30px;
    height: 30px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%) invert(100%);
	transition: all 0.1s ease;
}
/* End: Previous */

/* Start: Next */
.mejs-controls .mejs-nexttrack button {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjAwMDA7fTwvc3R5bGU+PGc+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQyMi40LDI2OC44YzAuMi0wLjMsMC41LTAuNiwwLjctMC45YzAuMi0wLjMsMC40LTAuNiwwLjYtMC45YzAuMi0wLjMsMC40LTAuNiwwLjUtMC45YzAuMi0wLjMsMC4zLTAuNiwwLjUtMWMwLjEtMC4zLDAuMy0wLjYsMC40LTAuOWMwLjEtMC4zLDAuMi0wLjYsMC40LTFjMC4xLTAuMywwLjMtMC43LDAuNC0xYzAuMS0wLjMsMC4yLTAuNiwwLjItMWMwLjEtMC40LDAuMi0wLjcsMC4zLTEuMWMwLjEtMC40LDAuMS0wLjgsMC4yLTEuMWMwLTAuMywwLjEtMC42LDAuMS0wLjljMC4xLTEuNCwwLjEtMi44LDAtNC4yYzAtMC4zLTAuMS0wLjYtMC4xLTAuOWMtMC4xLTAuNC0wLjEtMC44LTAuMi0xLjFjLTAuMS0wLjQtMC4yLTAuNy0wLjMtMS4xYy0wLjEtMC4zLTAuMi0wLjYtMC4yLTFjLTAuMS0wLjMtMC4yLTAuNy0wLjQtMWMtMC4xLTAuMy0wLjItMC42LTAuNC0xYy0wLjEtMC4zLTAuMy0wLjYtMC40LTAuOWMtMC4yLTAuMy0wLjMtMC43LTAuNS0xYy0wLjItMC4zLTAuMy0wLjYtMC41LTAuOWMtMC4yLTAuMy0wLjQtMC42LTAuNi0wLjljLTAuMi0wLjMtMC40LTAuNi0wLjctMC45Yy0wLjItMC4zLTAuNC0wLjUtMC42LTAuOGMtMC40LTAuNS0wLjktMS4xLTEuNC0xLjZjMCwwLDAsMCwwLDBMMjcxLjEsOTEuNmMtOC4zLTguMy0yMS44LTguMy0zMC4yLDBzLTguMywyMS44LDAsMzAuMmwxMTIuOSwxMTIuOUgyMS4zQzkuNiwyMzQuNywwLDI0NC4yLDAsMjU2YzAsMTEuOCw5LjYsMjEuMywyMS4zLDIxLjNoMzMyLjVMMjQwLjksMzkwLjJjLTguMyw4LjMtOC4zLDIxLjgsMCwzMC4yczIxLjgsOC4zLDMwLjIsMGwxNDkuMy0xNDkuM2MwLDAsMCwwLDAsMGMwLjUtMC41LDEtMSwxLjQtMS42QzQyMiwyNjkuMyw0MjIuMiwyNjksNDIyLjQsMjY4Ljh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5MC43LDg1LjNjLTExLjgsMC0yMS4zLDkuNi0yMS4zLDIxLjN2Mjk4LjdjMCwxMS44LDkuNiwyMS4zLDIxLjMsMjEuM3MyMS4zLTkuNiwyMS4zLTIxLjNWMTA2LjdDNTEyLDk0LjksNTAyLjQsODUuMyw0OTAuNyw4NS4zeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
    width: 30px;
    height: 30px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
	filter: grayscale(100%) invert(100%);
	transition: all 0.1s ease;
}
.mejs-controls .mejs-nexttrack:active button,.mejs-controls .mejs-prevtrack:active button{
	filter: grayscale(0%) invert(0%);
}
/* End: Next */

/* Start: Shuffle */
.mejs-controls .mejs-shuffle-on button {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjAwMDA7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0MS44LDMwNC45bC0zMC4yLDMwLjJsMjcuNiwyNy42aC04Ny44Yy0yNC4zLDAuMS00Ni41LTEzLjYtNTcuMi0zNS40TDI1OC41LDI1NmwzNS42LTcxLjNjMTAuOC0yMS43LDMzLTM1LjUsNTcuMi0zNS40aDg3LjhsLTI3LjYsMjcuNmwzMC4yLDMwLjJsNjQtNjRjOC4zLTguMyw4LjMtMjEuOCwwLTMwLjJjMCwwLDAsMCwwLDBsLTY0LTY0bC0zMC4yLDMwLjJsMjcuNiwyNy42aC04Ny44Yy00MC40LTAuMS03Ny40LDIyLjctOTUuNCw1OWwtMjEuMyw0Mi43bC0yMS4zLTQyLjdjLTE4LTM2LjItNTUtNTkuMS05NS40LTU5SDB2NDIuN2gxMTcuOWMyNC4zLTAuMSw0Ni41LDEzLjYsNTcuMiwzNS40bDM1LjYsNzEuM2wtMzUuNiw3MS4zYy0xMC44LDIxLjctMzMsMzUuNS01Ny4yLDM1LjRIMHY0Mi43aDExNy45YzQwLjQsMC4xLDc3LjQtMjIuNyw5NS40LTU5bDIxLjMtNDIuN2wyMS4zLDQyLjdjMTgsMzYuMiw1NSw1OS4xLDk1LjQsNTloODcuOGwtMjcuNiwyNy42bDMwLjIsMzAuMmw2NC02NGM4LjMtOC4zLDguMy0yMS44LDAtMzAuMmMwLDAsMCwwLDAsMEw0NDEuOCwzMDQuOXoiLz48L3N2Zz4=);
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%) invert(100%);
    transition: all 0.1s ease;
}
.mejs-controls .mejs-shuffle-off button {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjAwMDA7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0MS44LDMwNC45bC0zMC4yLDMwLjJsMjcuNiwyNy42aC04Ny44Yy0yNC4zLDAuMS00Ni41LTEzLjYtNTcuMi0zNS40TDI1OC41LDI1NmwzNS42LTcxLjNjMTAuOC0yMS43LDMzLTM1LjUsNTcuMi0zNS40aDg3LjhsLTI3LjYsMjcuNmwzMC4yLDMwLjJsNjQtNjRjOC4zLTguMyw4LjMtMjEuOCwwLTMwLjJjMCwwLDAsMCwwLDBsLTY0LTY0bC0zMC4yLDMwLjJsMjcuNiwyNy42aC04Ny44Yy00MC40LTAuMS03Ny40LDIyLjctOTUuNCw1OWwtMjEuMyw0Mi43bC0yMS4zLTQyLjdjLTE4LTM2LjItNTUtNTkuMS05NS40LTU5SDB2NDIuN2gxMTcuOWMyNC4zLTAuMSw0Ni41LDEzLjYsNTcuMiwzNS40bDM1LjYsNzEuM2wtMzUuNiw3MS4zYy0xMC44LDIxLjctMzMsMzUuNS01Ny4yLDM1LjRIMHY0Mi43aDExNy45YzQwLjQsMC4xLDc3LjQtMjIuNyw5NS40LTU5bDIxLjMtNDIuN2wyMS4zLDQyLjdjMTgsMzYuMiw1NSw1OS4xLDk1LjQsNTloODcuOGwtMjcuNiwyNy42bDMwLjIsMzAuMmw2NC02NGM4LjMtOC4zLDguMy0yMS44LDAtMzAuMmMwLDAsMCwwLDAsMEw0NDEuOCwzMDQuOXoiLz48L3N2Zz4=);
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(0%) invert(0%);
    transition: all 0.1s ease;
}
/* End: Shuffle */

/*Start: Playlist*/
.mejs-playlist {
    position: fixed;
    right: 0;
    height: auto !important;
    overflow-y: auto;
    background: #000000;
    opacity: 1;
    top: 50px;
    bottom: 125px !important;
}
.mejs-playlist ul {
  margin: 0;
  padding: 5px;
}
.mejs-playlist li {
  color: white;
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
  padding: 10px;
  cursor: pointer;
  background: rgba(255,255,255,0.0);
	border-radius: 3px;
}
.mejs-playlist li:hover {
  background: rgba(255,255,255,0.13);
}
.mejs-playlist li.current {
  color: red;
  font-weight: bold;
  background: rgba(255,255,255,0.08);
}
/*End: Playlist*/